<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>每月数据统计</title>
</head>
<style>
    html {
        font-size: 62.5%;
        /*10 ÷ 16 × 100% = 62.5%*/
    }


    body {
        margin: 0 auto;
        padding: 0;
        max-width: 750px;
        width: 100%;
        font-size: 1.2rem;
    }

    .cont {
        border-radius: 5px;
        border: 1px solid gray;
        padding: 10px;
        margin: 10px;
    }

    .tips {
        font-size: 1.2rem;
        margin: 10px 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid lavender;
    }

    span {
        border-bottom: 1px darkgray dashed;
        margin-left: 20px;
    }

    .list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
        font-size: 1.2rem;
        margin: 10px 20px 0;
        /* position: relative;
        height: 20px; */
    }

    /* .left {
        position: absolute;
        left: 0;
    }

    .right {
        position: absolute;
        right: 0;
    } */
    .end1 {
        margin: 10px 20px 0;
        font-size: 1.2rem;
    }

    .end2 {
        margin: 2px 20px 10px;
        font-size: 1.2rem;
    }

    a {
        text-decoration: none;
        color: cornflowerblue;
    }

    .table {
        border-collapse: collapse;
        font-size: 1.2rem;
        margin: 10px 20px 0;
    }

    tr>td:nth-child(2) {
        text-align: right;
    }
</style>

<body>
<div class="cont">
    <div>尊敬的光圈老板：</div>
    <div class="tips">
        <span>{{$time}}</span> 用户数据如下：
    </div>
    <table border="0" class="table" width="90%">
        @foreach($statData as $v)

            <tr height="30">
                <td>{{$v['key']}}</td>
                <td>{{$v['value']}}</td>
            </tr>

        @endforeach
    </table>
    <!-- <div class="list">
        <div class="left">新注册用户数量</div>
        <div class="right">10</div>
    </div>
    <div class="list">
        <div class="left">认证失败用户数量（基数为新注册用户）</div>
        <div class="right">10</div>
    </div> -->
    <div class="end1">本邮件由MiGo海归圈系统自动发出，请勿直接回复！</div>
    <div class="end2">如有任何问题请联系 <a href="tel:13590409616">MiGo海归圈</a> 技术部</div>

</div>


</body>

</html>